$(function () {
    $(".icon").click(function () {
        $(".popup").toggle();
        console.log(1);

    });
    // $("#main>ul>li:nth-child(n+9)").hide();

    // $("img.lazy").lazyload();



    // var ulWidth=$("#lun>ul").width();
    // var num = 0;
    // 
$("#lun>.slef").click(function () {

        if($("#lun>ul").addClass("arigs")){
            $("#lun>ul").removeClass("arigs")    
            console.log(2);
        };
        console.log(1);
         $("#lun>ul").addClass("alefs") 
      });

    $("#lun>.srig").click(function () {

    if($("#lun>ul").addClass("alefs")){
        $("#lun>ul").removeClass("alefs")    
        console.log(2);
    };
    console.log(1);
     $("#lun>ul").addClass("arigs") 
  });

    // $("#lun>ul").addClass("alefs");
    //             // $("#lun>ul").animate({left:(-ulWidth/2)+"px"});
    // })
    // $("#lun>.srig").click(function () {

    //     $("#lun>ul").animate({left:"0px"})
    // })

    // window.onscroll = function(){
    //     var scrollTop = scroll().top;
    //     console.log(scrollTop);
    //     var scrollLeft = scroll().left;
    //     console.log(scrollLeft);
    //     if(scrollTop>0){
    //         $("#main>ul>li").fadeIn();
    //     }else if(scrollTop<100){
    //         $("#main>ul>li:nth-child(n+9)").hide();
    //     }
    // }
    //
    // function scroll(){
    //     return{
    //         //page页面 X就是横向坐标 Y就是纵向坐标
    //         //document.documentElement就是指html
    //         top: window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0,
    //         left:window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0
    //     }
    // }



    //获取滚动条当前的位置
    function getScrollTop() {
        var scrollTop = 0;
        if (document.documentElement && document.documentElement.scrollTop) {
            scrollTop = document.documentElement.scrollTop;
        } else if (document.body) {
            scrollTop = document.body.scrollTop;
        }
        return scrollTop;
    }

    //获取当前可是范围的高度
    function getClientHeight() {
        var clientHeight = 0;
        if (document.body.clientHeight && document.documentElement.clientHeight) {
            clientHeight = Math.min(document.body.clientHeight, document.documentElement.clientHeight);
        } else {
            clientHeight = Math.max(document.body.clientHeight, document.documentElement.clientHeight);
        }
        return clientHeight;
    }

    //获取文档完整的高度
    function getScrollHeight() {
        return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
    }

    //获得滚动数据的位置
    function setScrollPosition() {
        return (getScrollHeight() - getScrollTop() - getClientHeight());
    }
    var islock = false;
    $(function() {

        function getViewList() {
            $.ajax({
                type: "GET",
                url: "./js/img.json",
                data: {},
                dataType: "json",
                cache: false,
                success: function(result) {

                    var data=result.message;
                    console.log(data);
                    var html='';
                    $.each(data, function(k, v) {
                            html+='<li><img src="'+v.usrc+'" alt=""><span>地理信息</span></li>'
                        }
                    );
                    console.log(html);
                    if (data.length > 0) {
                        $("#content_list").append(html);
                        console.log(1);
                    }
                    islock = true;

                },
                beforeSend: function(XMLHttpRequest) {
                    console.log(XMLHttpRequest)
                    islock = false;
                },
                error: function(XMLHttpRequest, textStatus, errorThrown) {
                    console.log(XMLHttpRequest)
                }
            });
        };

        getViewList();
        $(window).scroll(function() {
            if (setScrollPosition() < 15 && islock) {
                getViewList();
            };
        })

    });
})